#mainDiv{
    width: 90%;
    height: 600px;
    margin: 0 auto;
    background-color: royalblue;
}
#navDiv{
    width: 20%;
    height: 90%;
    margin-top: 20px;
    background-color: palevioletred;
    float: left;
}
.navs{
    width: 100%;
    height: 16%;

}
#showDiv{
    width: 75%;
    height: 90%;
    margin-top: 20px;
    margin-left: 40px;
    /*background-color: #dc3545;*/
    float: left;
}
#infoDiv{
    width: 100%;
    height: 100%;
    background-color: orange;
    display: none;
}
#studentDiv{
    width: 100%;
    height: 100%;
    background-color: greenyellow;
    display: none;
}
#recruitDiv{
    width: 100%;
    height: 100%;
    background-color: rebeccapurple;
    display: none;
}
#lessonDiv{
    width: 100%;
    height: 100%;
    background-color: mediumseagreen;
    display: none;
}
#coachDiv{
    width: 100%;
    height: 100%;
    background-color: cornflowerblue;
    display: none;
}
#passwordDiv{
    width: 100%;
    height: 100%;
    background-color: lightpink;
    display: none;
}
.navs>div{
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 350%;
    color: white;
}
.subInfos{
    width: 70%;
    height: 15%;
    /*background-color: lightseagreen;*/
    /*border: red 1px solid;*/
    margin: 10px auto;
}
.infoHead{
    width: 20%;
    height: 90%;
    text-align: center;
    line-height: 200%;
    margin-top: 10px;
    float: left;
    background-color: royalblue;
    border: royalblue 3px solid;
    color: white;
    font-size: 30px;
    border-radius: 10px 10px 0 0;
}
.infoBody{
    width: 75%;
    height: 90%;
    text-align: center;
    line-height: 200%;
    margin-top: 10px;
    float: left;
    /*background-color: royalblue;*/
    border-bottom: royalblue 5px solid;
    font-size:30px;
}
.students{
    width: 100%;
    height: 20%;
    background-color: #20C997;
    border: #17A2B8 0.5px solid;
}
.studentHead{
    width: 10%;
    height: 100%;
    float: left;
    /*background-color: #C69500;*/
}
.studentName{
    height: 100%;
    width: 90%;
    float: left;
    text-align: center;
    line-height: 300%;
    color: white;
    font-family: Verdana;
    font-size: 30px;
    background-color: #4169E1;
}
.studentHead>img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
#showLesson{
    width: 100%;
    height: 90%;
    background-color: #f74e55;
}
.lessons{
    width: 20%;
    height: 45%;
    float: left;
    background-color: yellow;
    margin: 10px 10px 10px 35px;
}
.lessonImage{
    width: 100%;
    height: 55%;
    background-color: #f5c6cb;
}
.lessonImage>img{
    width: 100%;
    height: 100%;
}
.lessonInfo{
    width: 100%;
    height: 45%;
    padding-left: 20px;
}
.coaches{
    width: 100%;
    height: 20%;
    background-color: #20C997;
    border: #17A2B8 0.5px solid;
}
.coachHead{
    width: 10%;
    height: 100%;
    float: left;
    background-color: #C69500;
}
.coachName{
    height: 100%;
    width: 90%;
    float: left;
    text-align: center;
    line-height: 275%;
    color: white;
    font-family: Verdana;
    font-size: 30px;
    background-color:silver;
}
.coachInfo{
    width: 90%;
    height: 100%;
    background-color: royalblue;
    float: left;
}
.coachHead>img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
#captchaDiv{
    width: 60%;
    height: 60%;
    margin: 0 auto;
    /*background-color: orangered;*/
    display: none;
}
.info{
    width: 100%;
    height: 33%;
    margin-bottom: 2px;
    /*background-color: greenyellow;*/
}
.chead{
    width: 20%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 500%;
    font-size: 20px;
    background-color: #e4606d;
}
.cbody{
    width: 80%;
    height: 100%;
    float: left;
    padding-top: 35px;
    background-color: #e4606d;
}
#changePasswordDiv{
    width: 60%;
    height: 60%;
    margin: 0 auto;
    background-color: lightseagreen;
    display: none;
}
.confirmBtn{
    text-align: center;
    line-height: 600%;
}
.cbody>input{
    margin-right: 30px;
}